/*
 * @Date         : 2022-03-01 10:57:13
 * @LastEditors  : zu1662
 * @LastEditTime : 2022-03-02 14:28:36
 * @Description  : 404页面
 * 
 * Copyright © 2022 by zu1662, All Rights Reserved. 
 */
import React from 'react'
import { useNavigate } from 'react-router-dom'
import { Button } from '@douyinfe/semi-ui'

import Img404 from '@/assets/404.png'
import './index.less'

const NotFound = () => {
  const navigate = useNavigate()

  return (
    <div className="not-found">
      <div className="image">
        <img src={Img404} alt="404"/>
      </div>
      <div className="info-panel">
        <h1>404</h1>
        <h2>抱歉，你访问的页面不存在</h2>
        <div>
          <Button type="primary" onClick={() => navigate('/home')}>
            回到首页
          </Button>
        </div>
      </div>
    </div>
  )
}

export default NotFound